<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>管理员</title>
<link href="/myOA/static/font-awesome-4.7.0/css/font-awesome.min.css" rel="stylesheet" />
<link href="/myOA/static/css/common.css" rel="stylesheet" />
<link href="/myOA/static/css/menu.css" rel="stylesheet" />
<link href="/myOA/static/css/forms.css" rel="stylesheet" />

<style>
.calendars {
	width: 100%;
	height: 90%;
}

.months, .weeks, .dates {
	width: 100%;
}

.months, .weeks {
	height: 30px;
	background-color: rgba(100, 100, 220, 0.8);
}

.months {
	display: flex;
	flex-flow: raw nowrap;
	justify-content: space-around;
}

.thisMonth, .preMonth, .nextMonth {
	height: 100%;
	text-align: center;
	line-height: 180%;
	font-size: 1rem;
}

.thisMonth {
	width: 60%;
}

.preMonth, .nextMonth {
	width: 20%;
}

.preMonth:hover {
	background-color: rgba(255, 255, 255, .5);
	cursor: pointer;
	color: #000;
	font-weight: bold;
}

.nextMonth:hover {
	background-color: rgba(255, 255, 255, .5);
	cursor: pointer;
	color: #000;
	font-weight: bold;
}

.weeks {
	background-color: rgba(255, 255, 255, .7);
}

.week {
	float: left;
	height: 100%;
	width: 14.3%;
	text-align: center;
	line-height: 180%;
	color: #000;
	font-size: 1rem;
	border-left: 1px solid #eee;
	box-sizing: border-box;
}

.dates {
	height: calc(100% - 60px);
}

.myDate {
	float: left;
	height: 15.5%;
	width: 14.3%;
	font-size: 20px;
	border-left: 1px solid #ccc;
	border-top:1px solid #ccc;
	box-sizing: border-box;
	overflow-Y:auto;
}
.lastDate{
	
}
.todaySchedules{
	font-size:15px;
}
.myDate:hover {
	background-color: rgba(255, 2552, 255, 0.5);
	cursor: pointer;
	color: #000;
}

.myDate i:hover {
	color: #000;
}

.seven {
	width: 14.2%;
	border-right:1px solid #ccc;
	box-sizing: border-box;
}
.calBottom{
	border-bottom:1px solid #ccc;
}
.luckyDay{
	background-color:rgba(255,255,255,0.5);
}
</style>
</head>
<body>
	<div id="cover">遮罩</div>
	<!-- 日程细节模态框 -->
	<div id="calendarDetailModal">
		<div class="calendarDetails">
			<div class="myCalcDetail myCalcDetailFirst">
				<span>我的日程安排</span>
			</div>
			<div class="myCalcDetail">
				<span class="calDetailSpan">主题:</span> <input class="scheduleAdded" type="text" />
			</div>
			<div class="myCalcDetail">
				<span class="calDetailSpan">地点:</span> <input class="scheduleAdded" type="text" /> 
				<span>会议类型:</span> 
				<select class="scheduleAdded" id="myMeetingType"></select>
			</div>
			<div class="myCalcDetail">
				<span class="calDetailSpan">开始时间:</span> 
				<input class="scheduleAdded" type="time" /> 
				<span>结束时间:</span> 
				<input class="scheduleAdded" type="time" />
			</div>
			<div class="myCalcDetail myCalcDetailText">
				<textarea class="calDetailSpan scheduleAdded">进行初次谈判</textarea>
			</div>
			<div class="myCalcDetail">
				<span class="calDetailSpan">预约他人</span>
				<i class="fa fa-user-o"></i>
			</div>
			<div class="myCalcDetail">
				<textarea class="calDetailSpan preContact">出版传媒系-王刚</textarea>
				<button>删除选定预约人</button>
			</div>
			<div class="myCalcDetail">
				<span class="calDetailSpan">选项:</span> 
				<input type="checkbox"  class="scheduleAdded"/> 
				<span>是否公开</span> 
				<span>创建者：</span>
				<span class="scheduleAdded">黄永</span> 
				<span>创建日期：</span> 
				<span id="createDate" class="scheduleAdded">一个日期</span>
			</div>
			<div class="myCalcDetail">
				<div class="saveOperations">
					<button id="addScheduleBtn">保存退出</button>
					<button>删除</button>
					<button>退出</button>				
				</div>
			</div>
		</div>
		<div style="clear: both;"></div>
	</div>
	<div class="manageContainer">
		<div class="left">
			<div class="userInfo">
				<div class="user">
					<p>
						欢迎&nbsp;:&nbsp;<span class="info"></span>
						<input type="hidden" value="${sessionScope.id}"  id="myId"/>
						<input type="hidden" value="${sessionScope.roleId }" id="roleId"/>
					</p>
					<p>
						角色&nbsp;:&nbsp;<span class="info"></span>
					</p>
					<p>
						部门&nbsp;:&nbsp;<span class="info"></span>
					</p>
					<p>
						你共有&nbsp;:&nbsp;<span class="info infoCount">0</span>条新消息						
					</p>
				</div>
			</div>
			<div class="menus">
			</div>
		</div>
		<div class="right">
			<div class="navs">
				<div class="nav">
					<a href="#">主页</a>
				</div>
				<div class="nav">
					<a href="http://localhost:8088/myOA/login.jsp">重新登录</a>
				</div>
				<div class="nav">
					<a href="#">修改密码</a>
				</div>
				<div class="nav">
					<a href="#">显示隐藏通知栏</a>
				</div>
				<div class="nav">
					<a href="#">帮助</a>
				</div>
				<div class="nav">
					<a href="#"><i class="fa fa-smile-o"></i></a>
				</div>
				<div class="nav last">
					当前时间&nbsp;:&nbsp;<span id="today"></span>
				</div>
				<div style="clear: both;"></div>
			</div>
			<div class="breadcrumb">当前位置：日程管理</div>
			<div class="title">个&nbsp;人&nbsp;日&nbsp;程&nbsp;管&nbsp;理</div>
			<div class="contents">
				<div class="addNote"></div>
				<div class="calendars">
					<div class="months">
						<div class="preMonth" onclick="getPreMonth()">上个月</div>
						<div class="thisMonth">这个月</div>
						<div class="nextMonth" onclick="getNextMonth()">下个月</div>
					</div>
					<div class="weeks">
						<div class="week">星期日</div>
						<div class="week">星期一</div>
						<div class="week">星期二</div>
						<div class="week">星期三</div>
						<div class="week">星期四</div>
						<div class="week">星期五</div>
						<div class="week seven">星期六</div>
						<div style="clear: both;"></div>
					</div>
					<div class="dates"></div>
				</div>
			</div>
		</div>
		<div style="clear: both;"></div>
	</div>
	<script src="/myOA/static/js/jquery-3.3.1.min.js"></script>
	<script src="/myOA/static/js/common.js"></script>
	<script src="/myOA/static/js/manage_plan_calendar_personal.js"></script>

</body>
</html>